<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/mdd.css">
    <link rel="icon" href="./image/mfw-logo-new.png">
    <title>找攻略</title>
</head>
<body>
    <header class="headhome">
        <a class="logo" href="./index.html"></a>
        <div class="rbtn">
            <a class="home" href="">官网首页</a>
            <a class="sch" href=""></a>
        </div>
    </header>
    <section class="serach_box">
        <form action="">
            <div class="serach_icon">
                <i></i>
                搜索目的地
            </div>
        </form>
    </section>
    <section class="focus">
        <!-- <img src="./image/banner.jpeg" alt=""> -->
        <a href="">
            <div class="title">
                <p class="t1">神仙海岛的三款热门玩法，去普吉一定不能错过</p>
            </div>
        </a>
    </section>
    <section class="block">
        <a href="" class="item-hd">
            <h2>热门目的地</h2>
            <p class="dec">最受大家喜欢的目的地推荐</p>
        </a>
        <div class="tab-con">
            <div class="item-list">
                <a href="">
                    <img src="./image/beijing.jpeg" alt="">
                    <div>北京</div>
                </a>
                <a href="">
                    <img src="./image/sanya.png" alt="">
                    <div>三亚</div>
                </a>
                <a href="">
                    <img src="./image/shanghai.jpeg" alt="">
                    <div>上海</div>
                </a>
                <a href="">
                    <img src="./image/xiamen.jpeg" alt="">
                    <div>厦门</div>
                </a>
                <a href="">
                    <img src="./image/chengdu.jpeg" alt="">
                    <div>成都</div>
                </a>
                <a href="">
                    <img src="./image/chongqing.jpeg" alt="">
                    <div>重庆</div>
                </a>
            </div>
            <div class="showmore">
                <a href="">更多目的地</a>
            </div>
        </div>
    </section>
    <section class="block">
        <a href="" class="item-hd">
            <h2>当季推荐</h2>
            <p class="dec">每月最适合前往的目的地推荐</p>
        </a>
        <div class="tab-con">
            <div class="item-list">
                <a href="">
                    <img src="./image/xiamen.jpeg" alt="">
                    <div>厦门</div>
                </a>
                <a href="">
                    <img src="./image/USA.jpeg" alt="">
                    <div>美国</div>
                </a>
                <a href="">
                    <img src="./image/qingdao.jpeg" alt="">
                    <div>青岛</div>
                </a>
                <a href="">
                    <img src="./image/lasa.jpeg" alt="">
                    <div>拉萨</div>
                </a>
                <a href="">
                    <img src="./image/taibei.jpeg" alt="">
                    <div>台北</div>
                </a>
                <a href="">
                    <img src="./image/shaba.jpeg" alt="">
                    <div>沙巴</div>
                </a>
            </div>
            <div class="showmore">
                <a href="">更多目的地</a>
            </div>
        </div>
    </section>
    <section class="block">
        <a href="" class="item-hd">
            <h2>主题精选</h2>
            <p class="dec">大量主题出行，个性化你的旅行</p>
        </a>
        <div class="tab-con">
            <div class="item-list">
                <a href="">
                    <img src="./image/mianqian.jpeg" alt="">
                    <div>免签</div>
                </a>
                <a href="">
                    <img src="./image/popular.jpeg" alt="">
                    <div>人文历史</div>
                </a>
                <a href="">
                    <img src="./image/photo.jpeg" alt="">
                    <div>拍片圣地</div>
                </a>
                <a href="">
                    <img src="./image/ziran.jpeg" alt="">
                    <div>自然风景</div>
                </a>
                <a href="">
                    <img src="./image/xiaozong.jpeg" alt="">
                    <div>小众</div>
                </a>
                <a href="">
                    <img src="./image/climb.jpeg" alt="">
                    <div>登山</div>
                </a>
            </div>
            <div class="showmore">
                <a href="">更多主题</a>
            </div>
        </div>
    </section>
</body>
</html>